@charset "utf-8";

@import "_reset";



span,p,label,div,a,i,input,table,li,dd,dt {
    font-family: "Univers LT Std","Source Han Sans","Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

@mixin a($color1,$font-size,$color2) {
    color: $color1;
    font-size: $font-size;
    &:hover {
        color: $color2;
    }
}

.web {
    width: 100%;
}

header {
    width: 100%;
    min-width: 1200px;
    padding: 30px 0 15px;
    .logo {
        width: 181px;
        margin-left: 9%;
        overflow: hidden;
        img {
            width: 100%;
        }
    }
}

.top_nav {
    width: 100%;
    min-width: 1200px;
    display: flex;
    justify-content: center;
    background-color: #cbd5e0;
    text-align: center;
    padding: 7px 0;
    .nav {
        li {
            float:left;
            padding: 0 28px;
            position: relative;
            a {
                display: block;
                @include a(#3a3a3a,13px,#439f93);
                span {
                    font-size: 13px;
                }
                p {
                    margin-top: 4px;
                    font-size: 13px;
                    transform: scale(.7);
                }
            }
            &::after {
                content: "";
                background: #636166;
                height: 24px;
                width: 1px;
                display: block;
                position: absolute;
                right: 0;
                top: 8px;
            }
            &:last-child::after {
                content: "";
                height: 0;
            }
        }
        
    }
}
.carousel_wrap {
    width: 100%;
    overflow: hidden;
}

.lunbo_wrap {
    position: relative;
    /*border: 1px solid firebrick;*/
    overflow: hidden;
    width: 100%;
}

.pic_box {
    height: 100%;
    /*width: 9999px;*/
    white-space: nowrap;
    font-size: 0;
}

.pic_box li {
    position: relative;
    height: 100%;
    /*float: left;*/
    display: inline-block;
}

.pic_box li img {
    width: 100%;
    display: block;
}

#left_arrow,
#right_arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
    opacity: .7;
    display: none;
    i {
        font-size: 76px;
    }
}

#right_arrow {
    right: 8%;
}

#left_arrow {
    left: 8%;
    transform: rotateY(180deg);
}

#left_arrow:hover,
#right_arrow:hover {
    opacity: .5;
    display: none;
}


.footer_nav {
    padding: 41px 0 17px;
    margin-top: 100px;
    text-align: center;
    .footer_nav_warp {
        width: 1010px;
        margin: 0 auto;
        li {
            float: left;
            padding: 0 34px;
            position: relative;
            &:first-child::before {
                content: "";
                width: 0;
            }
            &::before {
                content: "";
                position: absolute;
                width: 1px;
                height: 236px;
                background-color: #bcbcbc;
                left: 0;
                top: 56px;
            }
            dl {
                >dt {
                    margin-bottom: 15px;
                    a {
                        display: block;
                        span {
                            margin-bottom: 10px;
                            font-weight: 700;
                            font-size: 19px;
                        }
                        p {
                            margin-top: 5px;
                            font-size: 12px;
                            color: #b1b1b1;
                        }
                    }
                    &:hover a>p {
                        color: #45bbac;
                    }
                }
                >dd {
                    color: #000000;
                    font-size: 13px;
                    margin-bottom: 12px;
                    p {
                        margin-top: 4px;
                    }
                }
                a {
                    display: block;
                    @include a(#000000,13px,#45bbac);
                }
            }
        }
    }
}

footer {
    padding: 37px 0 12px;
    background-color: #3e3a39;
    
    .footer_box {
        width: 82%;
        margin: 0 auto;
        position: relative;
        .footer_top {
            text-align: left;
            margin-bottom: 23px;
            display: inline-block;
            width: 600px;
            ul {
                >li {
                    text-align: center;
                    float: left;
                    margin-right: 2.3%;
                    a {
                        @include a(#fff,15px,#439F93);
                        p {
                            font-size: 11px;
                            margin-top: 3px;
                        }
                    }
                }
            }
        }
        .footer_center {
            float: right;
            position: absolute;
            top: 22px;
            right: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .erweima {
                margin-left: 24px;
                width: 52px;
                height: 52px;
                border-radius: 5px;
                overflow: hidden;
                img {
                    width: 100%;
                }
            }
            >button {
                vertical-align: middle;
                width: 101px;
                height: 25px;
                text-align: center;
                line-height: 25px;
                border-radius: 25px;
                background-color: #439f93;
                font-size: 13px;
                color: #FFF;
                margin-right: 26px;
                position: relative;
                transition: all .5s ease-in-out;
                &::after {
                    content: "";
                    position: absolute;
                    width: 1px;
                    height: 24px;
                    background-color: #fff;
                    right: -26px;
                }
                &:hover {
                    background-color: #fff;
                    color: #439f93;
                }
            }
        }
        .footer_bottom {
            p {
                &:first-child {
                    a {
                       color: #FFFFFF;
                       font-size: 15px; 
                    }
                }
                &:last-child {
                    a {
                        color: #FFFFFF;
                        font-size: 11px;
                    }
                }
            }
        }
    }
}

.toTop {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #231815;
    display: block;
    text-align: center;
    i {
        color: #FFFFFF;
        font-size: 36px;
        
    }
}



section {
    .contant {
        width: 1200px;
        margin: 0 auto;
        padding-top: 124px;
        overflow: hidden;
        .sideNavigation {
            float: left;
            width: 326px;
            text-align: right;
            margin-right: 48px;
            padding-right: 26px;
            dt {
                margin-bottom: 27px;
                h2 {
                    font-size: 20px;
                    color: #3e3a39;
                }
                span {
                    font-size: 23px;
                    color: #d1d1d1; 
                }
            }
            dd {
                margin-bottom: 27px;
                .active {
                    color: #016C66;
                }
                a {
                    @include a(#666,16px,#016c66);
                    p {
                        font-size: 12px;
                        margin-top: 5px;
                    }
                }
            }
        }
    }
    .content{
        font-size: 16px;
        color: #3E3A39;
        text-align: justify;
    }
}



